﻿<html>
	<head>
	<meta charset="gb2312">
	<style>
	tr td:first-child{
		text-align:center;
	}
	body > table > tbody > tr:nth-child(1) > td:nth-child(1){
	color:yellow;
	}
	body > table > tbody > tr:nth-child(2) > td:nth-child(1){
	color:yellow;
	}
	#dd{
		color:yellow;
	}
	
	</style>
	</head>
	<body>
		<form>
		姓名：<input type="text" name="1"/>
		<br/>
		密码：<input type="password" name="2"/>
		<br/>
		<p>你喜欢的运动有：</p>
		篮球<input type="checkbox" name="3" value="1"/>
		足球<input type="checkbox" name="4" value="2"/>
		排球<input type="checkbox" name="5" value="3"/>
		<br/>
		性别：男<input type="radio" name="6"  value="男"/>
		女<input type="radio" name="6"  value="女"/>
		<br/>
		专业：<select>
			<option value="">软件技术</option>
			<option value="">移动互联</option>
			<option value="">网络技术</option>
		</select>
		<br/>
		你要说：<br/>
		<textarea name="text" rows="8" cols="30">文本域初始文本</textarea>
		<br/>
		<input type="submit" title="提交"/>
		</form>
	
	
	<h1 align="center">做成表格后</h1>
	
	
		<table border="1" align="center" style="background-color:#96b97d">
			<!--表格第1行-->
			<tr>
				<td>姓名：</td>
				<td><input type="text" name="1"/></td>
			</tr>
			<!--表格第2行-->
			<tr>
				<td>密码：</td>
				<td><input type="password" name="2"/></td>
			</tr>
			<!--表格第3行-->
			<tr>
				<td id="dd">你喜欢的运动有：</td>
				<td>篮球<input type="checkbox" name="3" value="1"/>
					足球<input type="checkbox" name="4" value="2"/>
					排球<input type="checkbox" name="5" value="3"/></td>
			</tr>
			<!--表格第4行-->
			<tr>
				<td>性别：</td>
				<td>男<input type="radio" name="6"  value="男"/>
					女<input type="radio" name="6"  value="女"/></td>
				<td></td>
			</tr>
			<!--表格第5行-->
			<tr>
				<td>专业：</td>
				<td><select>
						<option value="">软件技术</option>
						<option value="">移动互联</option>
						<option value="">网络技术</option>
					</select></td>
			</tr>
			<!--表格第6行-->
			<tr>
				<td>你要说：</td>
				<td><textarea name="text" rows="5" cols="25">文本域初始文本</textarea></td>
			</tr>
			<!--表格第7行-->
			<tr>
				<td><input type="submit" title="提交"/></td>
			</tr>
		</table>
	</body>
</html>